<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>搞搞学习 - v2</title>
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">
<link href="%E6%90%9E%E6%90%9E%E5%AD%A6%E4%B9%A0_files/app.css" rel="stylesheet">
</head>
<body>
<div data-v-22ce9519="" id="app"><div data-v-22ce9519="" id="content"><div data-v-35c047fd="" data-v-22ce9519="" class="styleEditor"><div data-v-35c047fd="" class="code"><style>/*
* * Inspired by http://www.smalllc.top
* Source code at https://gitee.com/smallcc
* * 大家好，我是小佬哥。。
* 我来写一份自我介绍！
*/

/* 给所有元素加上过渡效果 */
* {
  transition: all .1s;
}
/* 设置背景颜色 */
html {
  color: rgb(222,222,222); background: rgb(0,64,64);
}
#content{
  height:70vh;
  margin:0;
}
#foot{
  height:29vh;
  margin:0;
}

/* 设置边框 */
.styleEditor {
  padding: .5em;
  border: 1px solid;
  margin: .5em;
  overflow: auto;
  width: 50vw; height: 70vh;
  background: rgb(20,20,20);
}
/* 代码高亮 */
.token.selector{ color: rgb(130,150,0); }
.token.property{ color: rgb(190,140,0); }
.token.punctuation{ color: yellow; }
.token.function{ color: rgb(40,160,15</style></div> <pre data-v-35c047fd=""><span class="token comment" spellcheck="true">/*
* * Inspired by http://www.smalllc.top
* Source code at https://gitee.com/smallcc
* * 大家好，我是小佬哥。。
* 我来写一份自我介绍！
*/</span>

<span class="token comment" spellcheck="true">/* 给所有元素加上过渡效果 */</span>
<span class="token selector">*</span> <span class="token punctuation">{</span>
  <span class="token property">transition</span><span class="token punctuation">:</span> all .1s<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token comment" spellcheck="true">/* 设置背景颜色 */</span>
<span class="token selector">html</span> <span class="token punctuation">{</span>
  <span class="token property">color</span><span class="token punctuation">:</span> <span class="token function">rgb</span><span class="token punctuation">(</span>222,222,222<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">rgb</span><span class="token punctuation">(</span>0,64,64<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">#content</span><span class="token punctuation">{</span>
  <span class="token property">height</span><span class="token punctuation">:</span>70vh<span class="token punctuation">;</span>
  <span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token selector">#foot</span><span class="token punctuation">{</span>
  <span class="token property">height</span><span class="token punctuation">:</span>29vh<span class="token punctuation">;</span>
  <span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span>
<span class="token punctuation">}</span>

<span class="token comment" spellcheck="true">/* 设置边框 */</span>
<span class="token selector">.styleEditor</span> <span class="token punctuation">{</span>
  <span class="token property">padding</span><span class="token punctuation">:</span> .5em<span class="token punctuation">;</span>
  <span class="token property">border</span><span class="token punctuation">:</span> 1px solid<span class="token punctuation">;</span>
  <span class="token property">margin</span><span class="token punctuation">:</span> .5em<span class="token punctuation">;</span>
  <span class="token property">overflow</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span>
  <span class="token property">width</span><span class="token punctuation">:</span> 50vw<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 70vh<span class="token punctuation">;</span>
  <span class="token property">background</span><span class="token punctuation">:</span> <span class="token function">rgb</span><span class="token punctuation">(</span>20,20,20<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token comment" spellcheck="true">/* 代码高亮 */</span>
<span class="token selector">.token.selector</span><span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> <span class="token function">rgb</span><span class="token punctuation">(</span>130,150,0<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span>
<span class="token selector">.token.property</span><span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> <span class="token function">rgb</span><span class="token punctuation">(</span>190,140,0<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span>
<span class="token selector">.token.punctuation</span><span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> yellow<span class="token punctuation">;</span> <span class="token punctuation">}</span>
<span class="token selector">.token.function</span><span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> <span class="token function">rgb</span><span class="token punctuation">(</span>40,160,15</pre></div> <div data-v-647e008b="" data-v-22ce9519="" class="resumeEditor"><pre data-v-647e008b=""></pre></div></div> <div data-v-22ce9519="" id="foot"><div data-v-29ad1df6="" data-v-22ce9519="" class="thankEditor"><pre data-v-29ad1df6=""></pre></div></div><div id="extwaiimpotscp" style="display:none" v="{4170" f="ZXpReE56Qm1ZV0ZoTFdWbE9EY3ROR0V3WlMxaU5UZGhMVEZoWldNME9USTRNamc0TjMwPQ==" q="bfd29403" c="176.9" i="189.0" u="2.208" s="18121019" w="false" m="BMe=" vn="0trzh"></div></div>


 <script type="text/javascript" src="static/manifest.js">
 </script>
 <script type="text/javascript" src="static/vendor.js">
 </script><script type="text/javascript" src="static/app.js">
 </script>
 
 
 
 <center><pre><div class="ba" style="position: relative;top:95%; border: dotted red 0px;">Copyright©2018 小佬哥 smalllc.top 所有<br>蜀ICP备17037462号-1</div>
 </pre></center>


 
 
 </body></html>